﻿@using ECG.Utility
@using ECG.WebUI.CustomHelpers
@using ECG.WebUI.Infrastructure
@using ECG.WebUI.Models
@model RegisterInOrderModel
@{
    ViewBag.Title = "Xác nhận đơn hàng và thanh toán";
    Layout = "~/Views/Shared/_LayoutHideCate.cshtml";
    var cartInfo = (OrderInfo)Session[SessionConfig.SessionCartInfor];
}
<link href="~/Content/Site.css" rel="stylesheet" />

<div class="bb_Order_home layout-width">
    @using (Html.BeginForm("Finish", "Order", FormMethod.Post, new { id = "form-order" }))
    {
        @Html.HiddenFor(m => m.ProvinceName)
        @Html.HiddenFor(m => m.DistrictName)
        @Html.HiddenFor(m => m.ProvinceNameAdd)
        @Html.HiddenFor(m => m.DistrictNameAdd)
        <div class="bb_o_cell bb_o_cell_margin">
            <div class="bb_o_item1">
                <div class="babo-icon-order bb_o_item_header">
                    <span class="order_h_txt1">THÔNG TIN</span>
                    <span class="order_h_txt2">KHÁCH HÀNG</span>
                    <span class="bb_o_line"></span>
                </div>
                @if (Session[SessionConfig.SessionCustomerLogin] == null)
                {
                    <div class="errorHasEmail-wrapper dis-hidden">
                        @Html.ValidationMessage("ErrorHasEmail", new { @class = "errorHasEmail" })
                    </div>
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="bb_o_table">
                        <tr class="check-error-email">
                            <td>
                                <span class="bb_o_r_header">
                                    Email<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @Html.TextBoxFor(m => m.Email, new { @placeholder = "Nhập email" })
                                </span>
                                <div>
                                    @Html.ValidationMessageFor(m => m.Email)
                                </div>
                            </td>
                            <td>
                                <span class="bb_o_r_header">
                                    HỌ TÊN<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @Html.TextBoxFor(m => m.FullName, new { @placeholder = "Nhập họ và tên" })
                                </span>
                                <div>@Html.ValidationMessageFor(m => m.FullName)</div>
                            </td>
                        </tr>
                        @*                        <tr>
                                <td>
                                    <span class="bb_o_r_header">MẬT KHẨU<i class="babo-icon-order"></i>
                                    </span>
                                    <span class="bb_o_r_input">
                                        @Html.PasswordFor(m => m.Password, new { @placeholder = "Nhập mật khẩu" })
                                    </span>
                                    <div>@Html.ValidationMessageFor(m => m.Password)</div>
                                </td>
                                <td>
                                    <span class="bb_o_r_header">NHẬP LẠI MẬT KHẨU<i class="babo-icon-order"></i>
                                    </span>
                                    <span class="bb_o_r_input">
                                        @Html.PasswordFor(m => m.ConfirmPassword, new { @placeholder = "Nhập lại mật khẩu" })
                                    </span>
                                    <div>@Html.ValidationMessageFor(m => m.ConfirmPassword)</div>
                                </td>
                            </tr>*@
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    SỐ ĐIỆN THOẠI DI ĐỘNG<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @Html.TextBoxFor(m => m.MobilePhone, new { @placeholder = "Số điện thoại di động" })
                                </span>
                                <div>@Html.ValidationMessageFor(m => m.MobilePhone)</div>
                            </td>
                            <td>
                                <span class="bb_o_r_header">
                                    SỐ ĐIỆN THOẠI MÁY BÀN<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @Html.TextBoxFor(m => m.Telephone, new { @placeholder = "Số điện thoại cố định" })
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    ĐỊA CHỈ<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @Html.TextBoxFor(m => m.Address, new { @placeholder = "Nhập địa chỉ" })
                                </span>
                                <div>@Html.ValidationMessageFor(m => m.Address)</div>
                            </td>
                            <td>
                                <span class="bb_o_r_header bb_o_r_headerDrop">
                                    TỈNH THÀNH <i class="babo-icon-order" style="right: 140px;"></i>
                                    <span class="bb_o_tt_cach">
                                        QUẬN HUYỆN <i class="babo-icon-order"></i>
                                    </span>
                                </span>
                                <span class="bb_o_r_input">
                                    <span class="bb_o_tt">
                                        @Html.DropDownListFor(m => m.ProvinceId, new SelectList(Model.ProvinceList, "ProvinceId", "ProvinceName"), new { @class = "ddltinhthanh" })
                                        @Html.ValidationMessageFor(m => m.ProvinceId)
                                    </span>
                                    <span class="bb_o_tt bb_o_tt_right">
                                        @Html.DropDownListFor(m => m.DistrictId, new SelectList(Model.DistrictList, "DistrictId", "DistrictName"), new { @class = "ddlQuanHuyen" })
                                        @Html.ValidationMessageFor(m => m.DistrictId)
                                    </span>
                                    <span class="clr"></span>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    GIỚI TÍNH<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    @{
                    var listGender = new List<string> { "Nam", "Nữ" };
                                    }
                                    @Html.DropDownList("Gender", new SelectList(listGender), new { @class = "ddlDay", style = "margin-left: 10px;" })
                                </span>
                            </td>
                            <td>
                                <span class="bb_o_r_header bb_block">
                                    NGÀY, THÁNG NĂM SINH<i class="babo-icon-order"></i>
                                </span>
                                <span class="bb_o_r_input">
                                    <span class="bb_o_tt bb_o_fi">
                                        @Html.DropDownListFor(m => m.Year, new SelectList(Model.YearList, "YearVal", "Year"), new { @class = "ddlYear" })
                                        @Html.ValidationMessageFor(m => m.Year)
                                    </span>
                                    <span class="bb_o_tt bb_o_fi bb_o_tt_right">
                                        @Html.DropDownListFor(m => m.Month, new SelectList(Model.MonthList, "MonthVal", "Month"), new { @class = "ddlMonth" })
                                        @Html.ValidationMessageFor(m => m.Month)
                                    </span>
                                    <span class="bb_o_tt bb_o_fi bb_o_tt_right">
                                        @Html.DropDownListFor(m => m.Day, new SelectList(Model.DayList, "DayVal", "Day"), new { @class = "ddlDay" })
                                        @Html.ValidationMessageFor(m => m.Day)
                                    </span>
                                    <span class="clr"></span>
                                </span>
                            </td>
                        </tr>
                    </table>
                }
                else
                {
                    var customerInfo = (CustomerInfo)Session[SessionConfig.SessionCustomerLogin];
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="bb_o_table">
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    HỌ TÊN:
                                </span>
                                @customerInfo.FullName
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    EMAIL:
                                </span>
                                @customerInfo.Email
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    SỐ ĐIỆN THOẠI:
                                </span>
                                @customerInfo.MobilePhone
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    ĐỊA CHỈ:
                                </span>
                                @customerInfo.Address
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    TỈNH THÀNH:
                                </span>
                                @customerInfo.ProvinceName
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="bb_o_r_header">
                                    QUẬN HUYỆN:
                                </span>
                                @customerInfo.DistrictName
                            </td>
                        </tr>
                    </table>
                }
                <div class="bb_o_chk">
                    <span class="chkLoginClick">
                        @Html.CheckBoxFor(m => m.IsAddressDiff, new { @class = "cssOrderCheckBox" })
                        Giao hàng tại cùng địa chỉ trên
                    </span>
                </div>

                <table cellpadding="0" cellspacing="0" border="0" width="100%" class="bb_o_table bb_address_diff">
                    <tr>
                        <td colspan="2">
                            <strong>Giao hàng tại địa chỉ khác</strong>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="bb_o_r_header">
                                HỌ TÊN<i class="babo-icon-order"></i>
                            </span>
                            <span class="bb_o_r_input">
                                @Html.TextBoxFor(m => m.FullNameAddition)
                            </span>
                            <div>
                                @Html.ValidationMessage("ErrorFullNameAdd")
                            </div>
                        </td>
                        <td>
                            <span class="bb_o_r_header">
                                SỐ ĐIỆN THOẠI<i class="babo-icon-order"></i>
                            </span>
                            <span class="bb_o_r_input">
                                @Html.TextBoxFor(m => m.PhoneAddition)
                            </span>
                            <div>@Html.ValidationMessage("ErrorPhoneAdd")</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="bb_o_r_header">
                                ĐỊA CHỈ<i class="babo-icon-order"></i>
                            </span>
                            <span class="bb_o_r_input">
                                @Html.TextBoxFor(m => m.AddressAddition)
                            </span>
                            <div>@Html.ValidationMessage("ErrorAddressAdd")</div>
                        </td>
                        <td>
                            <span class="bb_o_r_header bb_o_r_headerDrop">
                                TỈNH THÀNH <i class="babo-icon-order" style="right: 140px;"></i>
                                <span class="bb_o_tt_cach">
                                    QUẬN HUYỆN <i class="babo-icon-order"></i>
                                </span>
                            </span>
                            <span class="bb_o_r_input">
                                <span class="bb_o_tt">
                                    @Html.DropDownListFor(m => m.ProvinceIdAdd, new SelectList(Model.ProvinceListAdd, "ProvinceId", "ProvinceName"), new { @class = "ddltinhthanh" })
                                    @Html.ValidationMessage("ErrorProvinceAdd")
                                </span>
                                <span class="bb_o_tt bb_o_tt_right">
                                    @Html.DropDownListFor(m => m.DistrictIdAdd, new SelectList(Model.DistrictListAdd, "DistrictId", "DistrictName"), new { @class = "ddlQuanHuyen" })
                                    @Html.ValidationMessage("ErrorDistrictAdd")
                                </span>
                                <span class="clr"></span>
                            </span>
                        </td>
                    </tr>
                </table>

            </div>


            <div class="bb_o_item1 bb_o_item2">
                <div class="babo-icon-order bb_o_item_header">
                    <span class="order_h_txt1">HÌNH THỨC</span>
                    <span class="order_h_txt2">THANH TOÁN</span>
                    <span class="bb_o_line"></span>
                </div>
                <div class="bb_o_payment">
                    <div class="b_o_p_cash">
                        <span class="b_o_cash b_o_cash_ac">
                            <input type="radio" name="Payment" value="Thanh toán khi nhận hàng từ nhân viên giao hàng" class="chkCash" checked="checked" />
                            TRẢ TIỀN KHI NHẬN HÀNG
                        </span>
                        <div class="bb_o_p_Box" style="display: block;">
                            <p class="b_o_cash_none">
                                Thanh toán khi nhận hàng. Quý khách vui lòng thanh toán bằng tiền mặt trực tiếp cho nhân viên giao hàng của @HttpContext.Current.Request.Url.Host khi nhận hàng
                            </p>
                        </div>
                    </div>

                    <div class="b_o_p_cash">
                        <span class="b_o_cash">
                            <input type="radio" name="Payment" value="Thanh toán qua thẻ ngân hàng" class="chkATM" />
                            CHUYỂN KHOẢN BẰNG ATM
                        </span>
                        <div class="bb_o_p_Box">
                            <span class="bb_o_note">
                                Các bạn lựa chọn một trong các ngân hàng phù hợp với thẻ ATM của mình,<br />
                                ghi rõ lý do chuyển tiền <span style="color: #999999;">vd: thanh toán đơn hàng AB0003</span>
                            </span>
                            <p>
                                VIETCOMBANK
                            </p>
                            <p>
                                ACB
                            </p>
                            <p>
                                AGRIBANK
                            </p>
                        </div>
                    </div>

                    <div class="b_o_p_cash">
                        <span class="b_o_cash b_o_cash_ac">
                            <input type="radio" name="Payment" value="Thanh toán qua cổng thanh toán online " class="chkNet" />
                            THANH TOÁN QUA CÁC CỔNG ĐIỆN TỬ
                        </span>
                        <div class="bb_o_p_Box">
                            <span class="bb_o_note">
                                Thanh toán qua các cổng thanh toán Online uy tín của việt nam
                            </span>
                            <p>
                                BẢO KIM
                            </p>
                            <p>
                                NGÂN LƯỢNG
                            </p>
                        </div>
                    </div>

                </div>
            </div>


        </div>

        <div class="bb_o_cell">
            <div class="bb_o_item1 bb_o_item3">
                <div class="babo-icon-order bb_o_item_header">
                    <span class="order_h_txt1">XÁC NHẬN</span>
                    <div class="order_h_txt2 order_h_txt3">
                        ĐƠN HÀNG
                        <input type="text" name="txtMaGiamGia" class="cssGiamGia" placeholder="Nhập mã khuến mại" />
                        <input type="submit" name="btnSuDung" value="Sử dụng" class="babo-icon-order btnSuDung" />
                    </div>
                    <span class="bb_o_line"></span>
                </div>
                <div class="bb_o_list_p">
                    @foreach (var pItem in cartInfo.ProductOrderList)
                    {
                        var productIdFirst = pItem.ProductId;
                        var plink = Url.Action("Index", "ProductDetail", new
                        {
                            productName = StringUtil.RemoveSpecialCharactersVn(pItem.ProductName),
                            productId = string.Format("{0}", pItem.ProductId.Contains("_") ? pItem.ProductId.Split('_')[0] : productIdFirst)
                        });
                        <div class="bb_o_list_item @string.Format("p-{0}", pItem.ProductId)">
                            <div class="bb_list_img">
                                <a href="@plink">
                                    <img src="@pItem.ProductImagePath.ImagePathThumb(135, 135)" alt="@pItem.ProductName" width="135" height="135" />
                                </a>
                            </div>
                            <div class="bb_list_info">
                                <div class="bb_list_rows">
                                    <a href="@plink" class="lnkTitlelistOrder"><b>@pItem.ProductName</b> </a>
                                    @if (!string.IsNullOrEmpty(pItem.ProductSizeId))
                                    {
                                        <span>- Size: </span><strong>@pItem.ProductSizeName</strong>
                                    }
                                    @if (!string.IsNullOrEmpty(pItem.ProductColor))
                                    {
                                        <span>: </span><strong style="color: @pItem.ProductColorCode;">@pItem.ProductColor</strong>
                                    }
                                </div>
                                <div class="bb_list_rows clearfix">
                                    <div class="list_o_left">
                                        <span>Số lượng</span>
                                        @Html.DropDownList("txtQuan", new SelectList(CommonHelpers.SelectOptionQuantity(), "Value", "Text", pItem.ProductQuantity), new { @Class = "cssQuan", dataid = pItem.ProductId, orderQuantity = pItem.ProductQuantity.ToString() })
                                    </div>
                                    <div class="list_o_right">
                                        <span style="padding-right: 15px;">Giá tiền: </span>
                                        @if (pItem.PromotionPrice > 0)
                                        {
                                            <span class="txtOrderPrice">
                                                <span class="ColoPrice">@pItem.PromotionPrice.ToString("#,###") </span>
                                                <span>đ</span>
                                            </span>
                                        }
                                        else
                                        {
                                            <span class="txtOrderPrice">
                                                <span class="ColoPrice">@pItem.RootPriceProduct.ToString("#,###") </span>
                                                <span>đ</span>
                                            </span>
                                        }

                                    </div>
                                </div>
                                <div class="lnkListCommon">
                                    <a href="javascript:void(0);" rel="nofollow" class="p_del_cart" dataid="@string.Format("{0}", pItem.ProductId.Contains("_") ? pItem.ProductId : productIdFirst)">Xóa sản phẩm này</a> |
                                    <a rel="nofollow" href="@Url.Action("Index", "Category", new { categoryName = pItem.CategoryName, categoryId = pItem.CategoryId })">Mua tiếp</a>
                                </div>
                            </div>
                        </div>
                    }

                    <div class="clr"></div>
                </div>

                <div class="bb_o_CusComment">
                    <textarea name="Comment" class="cssCusnote" onblur="if(this.value=='') {this.value='Khách hàng ghi chú'}; " onfocus="if(this.value =='Khách hàng ghi chú' ){ this.value=''};">Khách hàng ghi chú</textarea>
                </div>

                <div class="bb_o_btn_payment">
                    <ul class="ul">
                        <li style="position: relative;">
                            <i class="icon-btn-payment"></i>
                            <div class="loadingwrap">
                                <img src="/images/icons/gif-load-big.gif" width="80" height="80" alt="loading payment" class="loadingPayment" />
                            </div>
                            <a href="javascript:void(0);" rel="nofollow" class="babo-icon-order btnThanhToan">HOÀN THÀNH</a>
                        </li>
                        <li>
                            <div class="payment_tottal">
                                @*<span class="p_txt1">TỔNG CỘNG:</span>
                                    <span class="p_txt2 p_txt3">
                                        <span class="p_total_money">@cartInfo.TotalMoney.ToString("#,###")</span>
                                        <span>VNĐ</span>
                                    </span>*@
                                <span class="p_txt1">THÀNH TIỀN</span>
                                <span class="p_txt2">
                                    <span class="p_total_money" style="color: #f05b21;">@cartInfo.TotalMoney.ToString("#,###")</span>
                                    <span style="color: #f05b21;">đ</span>
                                </span>
                            </div>
                        </li>
                    </ul>
                    <div class="clr"></div>
                </div>

            </div>
        </div>
        <div class="clr"></div>
    }
</div>
@section scripts
{
    <script>
        // Event page load -----------------------------------------
        if ($('.cssOrderCheckBox').attr('checked')) {
            $('.bb_address_diff').hide();
        } else {
            $('.bb_address_diff').slideDown();
        }

        $('.bb_address_diff tr td span.field-validation-error').each(function () {
            if ($(this).text().length > 0) {
                $(this).parent().parent().children('.bb_o_r_input').children('input').addClass('input-validation-error');
                $(this).parent('.bb_o_tt').children('select').addClass('input-validation-error');
            }
        });


        //// them link dang nhap khi da co email
        //if ($('.errorHasEmail').text().length > 0) {
        //    $('div.errorHasEmail-wrapper').append('<a href="/Order">Click vào đây để đăng nhập</a>');
        //    $('div.errorHasEmail-wrapper').show();
        //    $('.check-error-email td span.bb_o_r_input input').eq(0).addClass('input-validation-error');
        //}



        // Show or hide address addition -----------------------------
        $('.cssOrderCheckBox').click(function () {
            var cmd = $(this);
            if (cmd.attr('checked')) {
                $('.bb_address_diff').hide();
            } else {
                $('.bb_address_diff').slideDown();
            }
        });

        // Chon Hinh thuc thanh toan
        $('.b_o_cash input[type=radio]').click(function () {
            var cmd = $(this);
            $('.b_o_cash').removeClass('b_o_cash_ac');
            cmd.parent().addClass('b_o_cash_ac');
            $('.b_o_p_cash .bb_o_p_Box').hide();
            cmd.parent().next().show();
        });

        // Form submit
        $('.btnThanhToan').click(function () {
            $('#form-order').submit();
            $('.loadingwrap').show();
        });

        // Province, District---------------------------------------------------------------

        $('#ProvinceId').change(function () {
            var id = $(this).val();
            $('#ProvinceName').val($('#ProvinceId option:selected').text());
            $.ajax({
                url: '/Login/GetDistrict',
                data: { provinceId: id },
                success: function (data) {
                    if (data.length <= 0) {
                        $('#DistrictId').html('').append('<option value="">Quận huyện</option>');
                    }
                    else {
                        $('#DistrictId').html('').append('<option value="">Quận huyện</option>');
                        for (var i = 0; i < data.length; i++) {
                            $('#DistrictId').append('<option value="' + data[i]['DistrictId'] + '">' + data[i]['DistrictName'] + '</option>');
                        }
                        $('#DistrictName').val('');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra, bạn nên kiểm tra hệ thống mạng!');
                }
            });
        });

        $('#DistrictId').change(function () {
            $('#DistrictName').val($('#DistrictId option:selected').text());
        });

        $('#ProvinceIdAdd').change(function () {
            var id = $(this).val();
            $('#ProvinceNameAdd').val($('#ProvinceIdAdd option:selected').text());
            $.ajax({
                url: '/Login/GetDistrict',
                data: { provinceId: id },
                success: function (data) {
                    if (data.length <= 0) {
                        $('#DistrictIdAdd').html('').append('<option value="">- Lựa chọn -</option>');
                    }
                    else {
                        $('#DistrictIdAdd').html('').append('<option value="">- Lựa chọn -</option>');
                        for (var i = 0; i < data.length; i++) {
                            $('#DistrictIdAdd').append('<option value="' + data[i]['DistrictId'] + '">' + data[i]['DistrictName'] + '</option>');
                        }
                        $('#DistrictNameAdd').val('');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra, bạn nên kiểm tra hệ thống mạng!');
                }
            });
        });

        $('#DistrictIdAdd').change(function () {
            $('#DistrictNameAdd').val($('#DistrictIdAdd option:selected').text());
        });

        // Year, Month, Calculate Day
        $('#Year').change(function () {
            var year = $(this).val();
            var month = $('#Month').val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
            }
        });

        $('#Month').change(function () {
            var year = $('#Year').val();
            var month = $(this).val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
            }
        });

        bindDayListOnPageLoad();

        function bindDay(obj, year, month) {
            var dayOfMonth = getNumberOfDays(year, month - 1);
            obj.html('').append('<option value="">Ngày</option>');;
            for (var i = 1; i <= dayOfMonth; i++) {
                obj.append('<option value="' + i + '">' + i + '</option>');
            }
        }

        function bindDayListOnPageLoad() {
            var year = $('#Year').val();
            var month = $('#Month').val();
            var idSelected = $('#dayOfMonth').val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
                $('#Day option[value="' + idSelected + '"]').attr('selected', 'selected');
            }
        }

        // Delete product in shopping cart
        $('.lnkListCommon a.p_del_cart').click(function () {
            if (!confirm('Bạn chắc chắn không muốn mua sản phẩm này nữa!')) return false;
            var pId = $(this).attr('dataId');
            $.ajax({
                url: '/Order/DeleteProductInCart',
                data: { productId: pId },
                success: function (data) {
                    if (!data) {
                        window.location = '/Order/CheckCart';
                    }
                    $('.p-' + pId).fadeOut();
                    $('span.p_total_money').text(data);
                },
                error: function () {
                    alert('Lỗi kết nối tới hệ thống!');
                }
            });
        });

        // Change product quantity
        $('.cssQuan').change(function () {
            var pId = $(this).attr('dataid');
            var quantity = $(this).val();
            var orderQuantity = $(this).attr('orderQuantity');
            $.ajax({
                url: '/Order/ChangeProductQuantity',
                data: { productId: pId, quantity: quantity, orderQuantity: orderQuantity },
                success: function (data) {
                    if (data != null && data != '') {
                        $('span.p_total_money').text(data);
                    }
                },
                error: function () {
                    Console.log('Đã có lỗi xảy ra!');
                }
            });
        });
    </script>
}